@import "../../style/mb.scss";
.top {
	height: rm(43);
	border-bottom: solid 1px var(--adm-border-color);
	background: #2fd8c0;
	color: #effcfa;
	font-size: rm(16);
	.search_input {
		width: rm(278);
		height: rm(25);
		background: #eeeeee;
		border: none;
		border-radius: rm(3);
		outline: none;
		margin-right: rm(5);
		text-indent: rm(20);
		position: relative;
		&::before {
			display: block;
			position: absolute;
			top: rm(20);
			left: 0;
			content: "";
			width: rm(20);
			height: rm(20);
			background: #333 url(../../images/search.png) no-repeat;
			background-size: 100% 100%;
		}
	}
}
:global(.adm-dropdown-popup) {
	width: 0;
	height: 0;
}
:global(.adm-dropdown-item-active) {
	color: #2fd8c0;
}
.search_list {
	padding: 0 rm(20);
	ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		.search_li {
			padding: 0 0 rm(10) 0;
			margin: rm(10) 0;

			border-radius: rm(8);
			box-shadow: -2px 4px 7px 1px rgba(157, 157, 157, 1);

			width: 48%;
			.search_li_img {
				height: rm(120);
				img {
					display: block;
					height: 100%;
					width: 100%;
				}
			}
			.search_title {
				color: #9d9d9d;
				padding: rm(5);
			}
			.price_box {
				width: 90%;
				display: flex;
				justify-content: space-between;
				margin: 0 auto;
				border-bottom: 1px solid #9d9d9d;
				.price {
					color: #ff7098;
					font-size: rm(16);
					font-weight: bold;
					padding: rm(3) 0;
					span {
						font-size: rm(12);
					}
				}
				.collection {
					font-size: rm(12);
					transform: scale(0.8);
					color: #9d9d9d;
				}
			}
			.search_li_user {
				margin-top: rm(5);
				padding: 0 rm(5);

				display: flex;
				align-items: center;
				.search_user_r {
					padding-left: rm(5);
					font-size: rm(14);
					div {
						font-size: rm(12);
						transform: scale(0.8);
						margin-left: rm(-10);
						color: #999999;
					}
				}
			}
		}
	}
}
